﻿#wrap {
    background: #F0F0F0;
    max-width: 640px;
    position: relative;
}
.area {
    width: 100%;
}
.mg-auto {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.overflow {
    overflow: hidden;
}
.i-head {
    height: 5em;
    background: #8D50AD;
    border-top: 0.25em #8D50AD solid;
    border-radius: 0 0 0.1em 0.1em;
}
.border-bom {
    border-bottom: 2px #8D50AD solid;
    padding-top:10px;
}

.border-bom h1 {
    color:#fff;
    text-align:center;    
    font-size:28px;
}
.border-bom h1 span {
    background-color:#fff;
    color:#8D50AD;
    border-radius:5px;
    padding:2px;    
}

.swiper-container {
    height: 218px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background: #F8F8F8;
}
.swiper-wrapper {
    position: relative;
    z-index: 10;
}
.swiper-slide {
    position: relative;
    text-align: center;
    float: left;
}
.swiper-wrapper .carousel {
    margin:0;
    padding:0;
    display:inline-block;
}
.swiper-wrapper .carousel li {
   display:inline-block;     
}
.swiper-wrapper .carousel li img {
    height: 218px;
    width: 100%;   
}

.swiper-wrapper .pager {
	text-align: center;
    position: absolute;
	top :190px;
    left: 48%;
}

.swiper-wrapper .pager a {
	background: transparent url(img/carousel_control.png) no-repeat -87px -9px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
}

.swiper-wrapper .pager a.selected {
	background: transparent url(img/carousel_control.png) no-repeat -59px -9px;
    text-decoration: underline;				
}

.address {
    background-color:#fff;
    height:auto;
}
.address .address_top {
   border-bottom:1px solid #D9D9D9;     
}
.address .address_top ul {
    width:100%;    
    margin:0px;
    padding:10px;
}
.address .address_top ul li {
   width:19%;
   display:inline-block;        
}
.address .address_top ul li div {
   text-align:center;     
}
.address .address_top ul li img{
    border-radius: 50%;
    height:70%;
    width:70%;
}
.address .address_top ul li span {
    display:block;
    width:100%;
    text-align:center;
    margin-top:5px;
    /*font-size:20px;*/
    font:400 1.2em/2.2em 'microsoft yahei';   
}

.hot {
    margin-top:20px;
    width:100%;
    background-color:#fff;
    height:50px;
}
.hot .hot_left {
    width:30%;
    /*font-size:2vw;*/
    font: 400 1.6em/1.8em 'microsoft yahei';
    color:#ff0000;
    font-weight:bold;
    padding-left:4%;    
    float:left;
    
}
.hot .hot_left span {
    display:inline-block;
    border-right:1px solid #D9D9D9;   
    padding-right:4%; 
    width: 4em;
}

.hot .hot_right {
    width:60%; 
    float:right;   
}
.hot .hot_right span {
    display:inline-block;   
    line-height:45px;
    font:400 1.4em/2.2em 'microsoft yahei';
}
.hot .hot_right span:first-child {
    color:#808080;    
}
.hot .hot_right span:last-child {
    color:#E85735;    
    position:absolute;
    right:20px;
}

.push {
    background-color:#EEEEEE;
    width:100%;
    height:auto;
}

.push .favorable {
    margin-top:10px;    
    background-color:#fff;
}

.push .favorable .push_title {
    height:75px;    
    padding-top:20px;
    border-bottom:1px solid #D9D9D9;
}
.push .favorable .push_title span {
    display:block;
    border-left:5px solid #8D50AD;
    font-size:20px;
    line-height:50px;   
    padding-left:20px;
    color:#000000;
}
.push_body {
    padding:20px;
}
.push_body ul {
    width:100%;   
}
.push_body ul li {
    width:32.64%;
    display:inline-block;    
}
.push_body ul li img {
    width:194px;
    height:124px;    
}
.push_body ul li span {
    display:block;
    font-size:18px;
}
.push_body ul li span:last-child  {
   color:#E85735;     
}

.push .hotline {
    margin-top:10px;
    background-color:#fff;
    width:100%;
    height:auto;

}

.push .hotline .hotline_title {
    height:75px;    
    padding-top:20px;
    border-bottom:1px solid #D9D9D9;
}
.push .hotline .hotline_title span {
    display:block;
    border-left:5px solid #8D50AD;
    font-size:20px;
    line-height:50px;   
    padding-left:20px;
    color:#000000;
}

.hotline_body {
    padding:20px;
    width:94%;
    height:100%;
    min-height:200px; 
}
    .hotline_body .item {
        width:100%;
        height:115px;
        border-bottom:1px solid #D8D8D8;
        margin-top:20px;
    }
.hotline_body .hotline_body_left {
    width:35%;
    float:left    
}
.hotline_body .hotline_body_left img {
    width:198px;
    height:105px;    
}
.hotline_body .hotline_body_right {
    width:65%;
    float:left;
    font-size: 18px;  

}
.hotline_body .hotline_body_right .time {
    font-size: 16px;    
}
.hotline_body .hotline_body_right .price {
    color: #E85735;
    margin-top:20px;    
}

.hotline_bottom {
    height:70px;
    font-size:30px;
    line-height:60px;
    text-align:center;
    cursor:pointer;
}

.bottom {
    margin-top:20px;
    margin-bottom: 120px;
}
.bottom span {
    display:block;
    font-size:18px;
    line-height:18px;
    text-align:center;  
    color:#515151; 
    margin-top:10px;
}
.bottom span:last-child {
    color:#AFAFAF;   
}

.footer_bar {
    top: inherit;
    bottom: 0;
}

.top_bar {
    max-width: 640px;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    height:100px;
}
.top_menu {
    display: -webkit-box;
    background:#fff;
    height:100px;
}
.top_menu li {
    width:50%;
    line-height:100px;
    text-align:center;
    font-size:30px;
    color:#515151;
    cursor: pointer;
}
.top_menu li:last-child {
   background-color:#E85735;
   color:#fff;     
}